<template>
  <div>
    <!-- 父传子 -->
  <h4>姓名：{{name}}</h4>
  <h4>年龄：{{age}}</h4>
  <h4>{{person}}</h4>
  <button @click="logperson('haohai',11)">调用方法</button>
  <!-- 子传父 -->
    <button @click="btnclick">子传父</button>
  </div>
</template>

<script>
  export default {
    name:'text3',
    props:{
     // name:String,还可以写成
     name:{type:String,required:true,default:'haohai'},
      age:Number,
      person:Object,
      logperson:Function
    },
    methods:{
      btnclick(){
        //告诉父组件，点击了这个方法（父组件中方法的名字,{传递的参数}）
        this.$emit('btndata',{name:'李四',sex:'男'})
      }
    }
  }
</script>

<style scoped>

</style>
